@charset "utf-8";

.container {
    width: 1130px;
    margin: 0 auto;
}

/* logo */
.header {
    height: 98px;
}

.mistore_logo {
    display: block;
    width: 200px;
    background: url(../images/log-in/mistore_logo.png) no-repeat;

}

.mistore_logo a {
    display: block;
    height: 98px;

}

/* 中间内容区域的背景图 */
.content_logo {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 588px;
    background: url(../images/log-in/72644d9b8031286de3cc74e151aefd90.jpg) no-repeat right -350px center;
}

.content_logo>a {
    display: block;
    height: 588px;
}

/* 中间登录页面 */
.enter {
    position: absolute;
    left: 1140px;
    top: 30px;

}

/*账号/扫码  */
.enter_login {
    height: 558px;
    width: 410px;
    background-color: #ffffff;
}

.enter_login_title {
    width: 100%;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 24px;
    color: #666;
}

.enter_login_title>a {
    color: #666;
}

.enter_login_title>a:hover {
    color: #f56600;
}

.spa {
    width: 1px;
    height: 24px;
    background-color: #666;
    margin: 0 35px 0 42px;
    border: 1px solid #e0e0e0;
}

/* 输入框 */
.input_field {
    height: 444px;
    width: 410px;

}

.without {
    width: 348px;
    margin: auto;
}

.input_field_top_input input {
    width: 348px;
    height: 48px;
    border: 1px solid #ccc;
    padding: 13px 16px 13px 14px;
    margin-bottom: 14px;
    line-height: 48px;
    box-sizing: border-box;
}

.input_field_top_inputipone {
    height: 115px;
}

.input_field_top_inputipone_top,
.input_field_top_inputipone_bottom {
    display: flex;
    height: 48px;
}

.em {
    height: 48px;
    width: 64px;
    text-align: right;
    border: 1px solid #ccc;
    padding: 13px 16px 13px 14px;
    margin-bottom: 14px;
    box-sizing: border-box;
}

.auth_code {
    height: 48px;
    width: 111px;
    text-align: right;
    border: 1px solid #ccc;
    padding: 13px 16px 13px 14px;
    margin-bottom: 14px;
    box-sizing: border-box;
}

.auth_code>a {
    color: #003ab5;
    font-size: 14px;
}

.input_field_top_inputipone_top>input {
    width: 282px;
    height: 48px;
    border: 1px solid #ccc;
    padding: 13px 16px 13px 14px;
    margin-bottom: 14px;
    line-height: 48px;
    box-sizing: border-box;
}

.input_field_top_inputipone_bottom>input {
    width: 235px;
    height: 48px;
    border: 1px solid #ccc;
    padding: 13px 16px 13px 14px;
    margin-bottom: 14px;
    line-height: 48px;
    box-sizing: border-box;
}

.input_field_top_inputipone>div {
    margin-bottom: 14px;
}

/* log_in */
.log_in_dv {
    padding-top: 10px;
}

.log_in {
    background-color: #f56600;
    border: none;
    width: 348px;
    color: #ffffff;
    height: 50px;
    line-height: 50px;
    margin-bottom: 14px;
    cursor: pointer;
}

.input_field_bottom {
    height: 247px;

}

.input_field_bottom_one {
    color: #f56600;
    margin-bottom: 30px;
    text-align: center;
}

.input_field_bottom_two {
    text-align: center;
    font-size: none;
}

.input_field_bottom_two>a {
    color: #999999;
}

.input_field_bottom_two_san {
    display: inline-block;
    padding-left: 5px;
    width: 1px;
    height: 14px;
    color: #cccccc;
}

.input_field_bottom_three {
    padding-top: 143px;
    text-align: center;
}

.input_field_bottom_three>a {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 17px;

}

.input_field_bottom_three a:nth-child(1) {
    background-color: #0288d1;
}

.input_field_bottom_three a:nth-child(2) {
    background-color: #d32f2f;
}

.input_field_bottom_three a:nth-child(3) {
    background-color: #0ae;
}

.input_field_bottom_three a:nth-child(4) {
    background-color: #00d20d;
}

.input_field_bottom_three>a i {
    display: block;
    margin: 4px auto 0;
}

.icons_one {
    width: 18px;
    height: 18px;
    background: url(../images/log-in/icons_type.png) -19px;
}

.icons_two {
    width: 18px;
    height: 18px;
    background: url(../images/log-in/icons_type.png)-38px;
}

.icons_three {
    width: 21px;
    height: 18px;
    background: url(../images/log-in/icons_type.png) -57px;
}

.icons_four {
    width: 24px;
    height: 18px;
    background: url(../images/log-in/icons_type.png) -83px;
}

.one {
    /* display: none; */
    display: block;
}

.two {
    /* display: block; */
    display: none;
}

.three {
    display: block;
    /* display: none; */
}

.four {
    display: none;
    /* display: block; */
}

/* 扫码 */
.scan_a_QR_code {
    width: 100%;
    height: 100%;
    padding-top: 30px;
}

.scan_a_QR_code_top {
    padding: 133px 0 40px;
    text-align: center;
    color: #333333;
    font-size: 14px;
}

.icon_help {
    display: inline-block;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: url(../images/log-in/icon_help.png) no-repeat;
    margin: -4px 2px;
}

.scan_a_QR_code_center {
    height: 180px;
    width: 100%;
    text-align: center;
}

.scan_a_QR_code_center>i {
    display: block;
    width: 180px;
    height: 180px;
    margin: auto;
    background: url(../images/log-in/erwaima.png) no-repeat center center;
}

.scan_a_QR_code_bottom {
    font-size: 14px;
    padding-top: 14px;
    text-align: center;
    color: #757575;
}
.scan_a_QR_code_bottom p>i{
    padding: 0 5px;
    color: #f56600;
}

/* 尾部 */
.footer {
    padding-top: 100px;

}

.language {
    text-align: center;
}

.language ul {
    width: 100%;
    height: 19px;
    margin: 0 auto;
}

.language ul li {
    display: inline;
}

.language ul li a {
    padding: 0 10px;
    color: #757575;
}

.language>ul>li>a:hover {
    color: #333333;
}

.copyright {
    text-align: center;
    padding: 10px;
    color: #757575;
    font-size: 14px;
}

.copyright>a {
    background: url(../images/log-in/ghs.png) no-repeat;
    color: #757577;
}